@charset "utf-8";
/* CSS Document */
*, *:after, *:before{box-sizing: border-box;}
html{font-size:625%;width:100%;height:auto;max-height:100%;}
body{width:100%;min-width:3.2rem;font-size:.16rem;color:#333;background:#fff;}
a{color:#333;}
a:hover{color:#e50012;}
img{vertical-align:middle;}

/*通用*/
.maxbox,.cutbox{width: 96%;max-width: 7.68rem;margin: 0 auto;}
.maxbox{overflow:hidden;}
.maxbox .cutbox{width: 100%;}
.atm5{transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.atm_img1{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

@media only screen and (max-width:991px){
body{padding-top:0!important;}
}
@media only screen and (min-width:992px){
body{min-width: 12.5rem;}
.maxbox{width:100%;max-width:19.2rem;}
.cutbox{max-width: 12rem;}
}

/*head*/
.headbox{width:100%;max-width:19.2rem;height:.6rem;margin:0 auto;background:rgba(255,255,255,.95);box-shadow: 0 .02rem .05rem rgba(128,128,128,0.3);position:fixed;left:0;top:0;z-index:9999;}
.headbox img{max-width:100%;max-height:100%;}
.headbox .left{float:left;overflow:hidden;width:100%;height:.3rem;line-height:.3rem;display:none;text-align:right;color:#fff;}
.headbox .left a{ color:#fff; padding:0 15px;}
.headbox .logo{float:left;overflow:hidden;width:7.1rem;height:.9rem;display:none;}
.headbox .logo a{display:block;padding-top:.08rem;}
.headbox .mlogo{float:left;height:.6rem;overflow:hidden;padding:.1rem;}

.headbox .tel{display:none;float:right;height:.9rem;overflow:hidden;}
.headbox .tel p{width:2.3rem;height:.9rem;float:right;padding:.12rem 0;}
.headbox .tel span{display:block;height:.9rem;float:right;padding:1px;}

.navico{width:.6rem;height:.6rem;float:right;}
.navico p{width:100%;height:100%;position:relative;}
.navico span,.navico span::before,.navico span::after{width:.26rem;height:.03rem;position:absolute;background:#333;display:block;border-radius:.01rem;-webkit-transition: .3s;transition: .3s;}
.navico span{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.nav_open span{background:transparent;}
.navico span:before,.navico span:after{content:"";left:0;}
.navico span:before{-webkit-transform:translateY(-300%);transform:translateY(-300%);}
.nav_open span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navico span:after{-webkit-transform:translateY(300%);transform:translateY(300%);}
.nav_open span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

@media only screen and (min-width:768px){
.headbox .mlogo{padding:.1rem .15rem;}
}
@media only screen and (min-width:992px){
.headbox{height:1.2rem;box-shadow: none;position:relative;overflow:hidden;background:url(pic1.png) center top no-repeat;}
.headbox .left,.headbox .logo,.headbox .tel,.headbox .search{display:block;}
.headbox .mlogo,.headbox .navico{display:none;}
}


/*nav*/
.navbox{width:100%;max-width:19.2rem;background:#fafafa;height:0;overflow:hidden;z-index:9999;position:fixed;left:0;top:.61rem;}
.navbox ul li{width:100%;float:left;margin:0;padding:0 .1rem;}
.navbox ul li a{display:block;width:100%;height:.4rem;font-size:.16rem;line-height:.4rem;overflow:hidden;padding:0 .1rem;background:url(flico1.png) right center no-repeat;border-bottom:1px solid #eaeaea;}
.navbox ul li dl{background:#0d4680;padding:0;position:relative;display:none;}
.navbox ul li dl dd a{height:0;padding:0 .05rem;color:#fff;white-space:nowrap;text-overflow:ellipsis;border:0;font-size:.14rem;line-height:.4rem;margin:-.05rem auto;}
.navbox ul li dl dd div{width:0;overflow:hidden;position:absolute;left:100%;top:.05rem;border:1px solid #ffaf40;opacity:0;background:#fff;-webkit-transition:.5s;transition:.5s;}
.navbox ul li dl dd div a{line-height:.3rem;color:#666;margin:0;}
.navbox ul li dl dd:hover div a{background:#fff;}
.navbox ul li dl dd div a:hover{color:#e50012;}
.nav_on{height:3.4rem;padding:0.08rem 0;}
.navbox,.navbox ul li dl,.navbox ul li dl dd div{box-shadow: 0 0.02rem 0.05rem rgba(128,128,128,0.3);}

#menu a.active{background:#095eb3; color:#fff;}

@media only screen and (min-width:992px){
.navbox{height:.5rem;position:relative;top:0;background:url(ico1.png) center top repeat-x;overflow:visible;}
.navbox ul{width:100%;height:.5rem;padding-left:1px;background:url(ico2.png) left center no-repeat;}
.navbox ul li{width:12.5%;height:.5rem;padding:0 1px 0 0;text-align:center;background:url(ico2.png) right center no-repeat;}
.navbox ul li a{height:.5rem;border:0;padding:0;background:none;line-height:.5rem;}
.navbox ul li dl{display:block;}
.navbox ul li:hover a{background:#095eb3;color:#fff;}
.navbox ul li:hover dl{padding:.1rem 0;}
.navbox ul li:hover dl dd a{height:.4rem;background:none;}
.navbox ul li:hover dl dd div a{height:0;}
.navbox ul li dl dd:hover a{background:#095eb3;}
.navbox ul li dl dd:hover div{width:100%;opacity:1;padding:.04rem;}
.navbox ul li dl dd:hover div a{height:.3rem;}
.nav-fixed{position: fixed!important;width: 100%;box-shadow: 0 0.02rem 0.05rem rgba(128,128,128,0.3);}
}


/*底部*/
.footbox{background:#095eb3;color:#e5f2ff;padding:.15rem 0;}
.footbox a{color:#e5f2ff;}
.footbox a:hover{color:#fff;}

.footbox .con{width:100%;overflow:hidden;float:left;text-align:center;padding:.1rem;line-height:.3rem;}
.footbox .text a{width:25%;padding:0 .05rem;float:left;height:.3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:.14rem;}
.footbox .tel{float:right;}
.footbox .tel .ewm{width:50%;padding-right:.1rem;text-align:right;float:left;}
.footbox .tel .txt{width:50%;padding-left:.1rem;text-align:left;float:right;}

.bottombox{background:#191919;color:#ccc;line-height:.24rem;text-align:center;padding:.15rem;}
.bottombox a{color:#ddd;display:inline-block;}
.bottombox a:hover{color:#fff;}

@media only screen and (min-width:768px){
.footbox .text a{width:16.66%;}
}
@media only screen and (min-width:992px){
.footbox{padding:.25rem 0;}
.footbox .pic{width:2.8rem;margin-right:.5rem;}
.footbox .text{width:5.4rem;}
.footbox .tel{width:3.2rem;padding:0;}
}


@media only screen and (max-height:480px){
.headbox{position:relative;}
.navbox{position:absolute;}
}
@media only screen and (max-height:480px) and (min-width:992px){
.navbox{position:relative;}
}